import { request } from "../../request/index";
import "../../lib/running/runtime";
// pages/category/category.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    leftMenu: [],
    rightMenu: [],
    currentIndex: 0,
    scrollTop: 0,
  },
  cates: [],
  handlTap(e) {
    const { index } = e.currentTarget.dataset;

    this.setData({
      currentIndex: index,
      rightMenu: this.cates[index].children,
      scrollTop: 0,
    });
  },
  async getCate() {
    let res = await request({
      url: "/categories",
      method: "get",
    });

    let cates = (this.cates = res.data.message);
    //  左菜单数据
    let _left = cates.map((Item) => Item.cat_name);
    // 右菜单数据
    let _right = cates[0].children;
    //
    wx.setStorageSync("cates", { TimeStamp: Date.now(), data: cates });
    this.setData({
      leftMenu: _left,
      rightMenu: _right,
    });
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    const cateCache = wx.getStorageSync("cates");
    // 如果存在缓存
    if (!cateCache) {
      this.getCate();
    } else {
      if (Date.now() - cateCache.TimeStamp > 1000 * 10) {
        // 时间戳超过十秒
        this.getCate();
      } else {
        //  左菜单数据
        let _left = cateCache.data.map((Item) => Item.cat_name);
        // 右菜单数据
        let _right = cateCache.data[0].children;
        //
        this.setData({
          leftMenu: _left,
          rightMenu: _right,
        });
      }
    }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {},

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {},

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {},

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {},

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {},

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {},

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {},
});
